﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JsDataTable.aspx.cs" Inherits="Cn.Cellula.Website.Test.JsDataTable" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <script type="text/javascript" src="/cellula_client/JQuery/jquery.js"></script>
    <script type="text/javascript" src="/cellula_client/JQuery/jquery.dataTables.js"></script>
    <title></title>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#example').dataTable(
                { "bProcessing": true
                , "bServerSide": true
                , "sAjaxSource": "_jsonData.aspx?asdf"
                , "aoColumns": [
                    { "sName": "engine" }
                    , { "sName": "browser" }
                    , { "sName": "platform" }
                    , { "sName": "version" }
                    , { "sName": "grade" }
                    ]
                }
                ); 
        }); 
</script>
</head>
<body>
    <form id="form1" runat="server">
<table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
	<thead>
		<tr>
			<th width="20%">Rendering engine</th>
			<th width="25%">Browser</th>
			<th width="25%">Platform(s)</th>
			<th width="15%">Engine version</th>
			<th width="15%">CSS grade</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td colspan="5" class="dataTables_empty">Loading data from server</td>
		</tr>
	</tbody>
	<tfoot>
		<tr>
			<th>Rendering engine</th>
			<th>Browser</th>
			<th>Platform(s)</th>
			<th>Engine version</th>
			<th>CSS grade</th>
		</tr>
	</tfoot>
</table>
    </form>
</body>
</html>
